/*
 * Skin: Blue
 * ----------
 */
.skin-blue-light .main-header .navbar {
  background-color: #202428;
}
.skin-blue-light .main-header .navbar .nav > li > a {
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.skin-blue-light .main-header .navbar .nav > li > a:hover,
.skin-blue-light .main-header .navbar .nav > li > a:active,
.skin-blue-light .main-header .navbar .nav > li > a:focus,
.skin-blue-light .main-header .navbar .nav .open > a,
.skin-blue-light .main-header .navbar .nav .open > a:hover,
.skin-blue-light .main-header .navbar .nav .open > a:focus,
.skin-blue-light .main-header .navbar .nav > .active > a {
  background: #3d4247;
  color: #f6f6f6;
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #202428;
}
@media (max-width: 767px) {
  .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-blue-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
    background: #15171a;
  }
}
.skin-blue-light .main-header .logo {
  background-color: #202428;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue-light .main-header .logo:hover {
  background-color: #3d4247;
}
.skin-blue-light .main-header li.user-header {
  background-color: #fff;
}
.skin-blue-light .content-wrapper {
  background-color: #2e80ab;
}
.skin-blue-light .content-header {
  background: transparent;
}
.skin-blue-light .wrapper,
.skin-blue-light .main-sidebar,
.skin-blue-light .left-side {
  background-color: #282d32;
}
.skin-blue-light .user-panel > .info,
.skin-blue-light .user-panel > .info > a {
  color: #fff;
}
.skin-blue-light .sidebar-menu > li.header {
  color: #55606b;
  background: #1f2327;
}
.skin-blue-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-blue-light .sidebar-menu > li:hover > a,
.skin-blue-light .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #3d4247;
  border-left-color: #3d4247;
}
.skin-blue-light .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #333a40;
}
.skin-blue-light .sidebar a {
  color: #ffffff;
}
.skin-blue-light .sidebar a:hover {
  text-decoration: none;
}
.skin-blue-light .treeview-menu > li > a {
  color: #95a0aa;
}
.skin-blue-light .treeview-menu > li.active > a,
.skin-blue-light .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-blue-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #3f474e;
  margin: 10px 10px;
}
.skin-blue-light .sidebar-form input[type="text"],
.skin-blue-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #3f474e;
  border: 1px solid transparent;
  height: 35px;
}
.skin-blue-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-blue-light .sidebar-form input[type="text"]:focus,
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-blue-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-blue-light .box {
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
}
.skin-blue-light .box.box-primary {
  border-top-color: #202428;
}
.skin-blue-light .box.box-default {
  border-top-color: #d2d6de;
}
.skin-blue-light .box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
}
.skin-blue-light .box.box-solid {
  border-top: 0;
}
.skin-blue-light .box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.skin-blue-light .box.box-solid > .box-header .btn:hover,
.skin-blue-light .box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.skin-blue-light .box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.skin-blue-light .box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.skin-blue-light .box.box-solid.box-default > .box-header a,
.skin-blue-light .box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.skin-blue-light .box.box-solid.box-primary {
  border: 1px solid #202428;
}
.skin-blue-light .box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #202428;
  background-color: #202428;
}
.skin-blue-light .box.box-solid.box-primary > .box-header a,
.skin-blue-light .box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.skin-blue-light .box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.skin-blue-light .box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.skin-blue-light .box.box-solid.box-info > .box-header a,
.skin-blue-light .box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.skin-blue-light .box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.skin-blue-light .box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.skin-blue-light .box.box-solid.box-danger > .box-header a,
.skin-blue-light .box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.skin-blue-light .box.box-solid.box-warning {
  border: 1px solid #202428;
}
.skin-blue-light .box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #202428;
  background-color: #202428;
}
.skin-blue-light .box.box-solid.box-warning > .box-header a,
.skin-blue-light .box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.skin-blue-light .box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.skin-blue-light .box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.skin-blue-light .box.box-solid.box-success > .box-header a,
.skin-blue-light .box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.skin-blue-light .box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.skin-blue-light .box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.skin-blue-light .box .overlay,
.skin-blue-light .overlay-wrapper .overlay {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.skin-blue-light .box .overlay > .fa,
.skin-blue-light .overlay-wrapper .overlay > .fa {
  color: #000;
}
.skin-blue-light .box-header {
  color: #444;
}
.skin-blue-light .box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.skin-blue-light .box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.skin-blue-light .box-body .ztree li a {
  color:#333;
}
.skin-blue-light .box-body .pagination > li > a{
  color: #333;
  background-color: #fff;
}
.skin-blue-light .box-body .pagination > li > a:hover{
  background-color: #F5F5F5;
}
.skin-blue-light .box-body .fc {
  margin-top: 5px;
}
.skin-blue-light .box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.skin-blue-light .form-control {
  border-color: #d2d6de;
  background-color: #fff;
}
.skin-blue-light .form-control:focus {
  border-color: #00bdf3;
}
.skin-blue-light .content-header {
  color: #fff;
}
.skin-blue-light .content-header a {
  color: #fff;
}
.skin-blue-light .content-headerlist {
  background: #fff;
  box-shadow: 2px 2px 5px #333;
}
.skin-blue-light .content-headerlist li {
  border-bottom: 1px solid #bebebe;
}
.skin-blue-light .content-headerlist li a {
  color: #4d585e;
}
.skin-blue-light .btn-group .btn-link {
  color: #fff;
}
.skin-blue-light .btn-group .btn-link:hover {
  background: #fff;
  color: #444;
}
.skin-blue-light .content .btn-menu .btn-link {
  color: #444;
}
.skin-blue-light .content .btn-menu i.fa {
  color: #444;
}
.skin-blue-light .content .btn-menu .btn-link:hover {
  background: #2e80ab;
  color: #fff;
}
.skin-blue-light .content .btn-menu .btn-link:hover i.fa {
  color: #fff;
}
.skin-blue-light .content .box-body > form .box-header.with-border {
  border-color: #797979;
}
.skin-blue-light .content .box-body > form h6 {
  color: #333;
}
.skin-blue-light .required-mark {
  color: red;
}
.skin-blue-light .suggest-message {
  background: url(../Images/images/skin-blue-light.png) no-repeat;
  background-size: cover;
}
.skin-blue-light .suggest {
  color: #fff;
  background-color: #333;
}
.skin-blue-light .suggest:after {
  border-top: 12px solid #333;
}
.skin-blue-light .suggest-basic:after {
  border-bottom: 12px solid #333;
}
.skin-blue-light .tips {
  color: #323232;
}
.skin-blue-light .tips-content {
  background: #333;
  color: #fff;
}
.skin-blue-light .tips-content:after {
  border-top: 12px solid #333;
}
.skin-blue-light .control-sidebar-dark {
  color: #ffffff;
}
.skin-blue-light .control-sidebar-dark,
.skin-blue-light .control-sidebar-dark + .control-sidebar-bg {
  background: #282d32;
}
.skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs {
  border-bottom: #212529;
}
.skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
  background: #1d2024;
  color: #ffffff;
}
.skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
.skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
.skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
  border-left-color: #181b1e;
  border-bottom-color: #181b1e;
}
.skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
.skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,
.skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {
  background: #212529;
}
.skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
  color: #fff;
}
.skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
.skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.skin-blue-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
  background: #282d32;
  color: #fff;
}
.skin-blue-light .control-sidebar-dark .control-sidebar-heading,
.skin-blue-light .control-sidebar-dark .control-sidebar-subheading {
  color: #fff;
}
.skin-blue-light .control-sidebar-dark .control-sidebar-menu > li > a:hover {
  background: #3d4247;
}
.skin-blue-light .control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {
  color: #ffffff;
}
@media (max-width: 767px) {
  .skin-blue-light .click-display {
    background: #fff;
    box-shadow: inset -1px -1px 1px #2e80ab;
  }
}
@media (min-width: 767px) {
  .skin-blue-light .click-display {
    background: #fff;
    box-shadow: inset -1px -1px 1px #2e80ab;
  }
}
.skin-blue-light .click-display .btn {
  background: #fff;
}
.skin-blue-light .hidden-span {
  background: #fff;
  transition: background .3s;
  box-shadow: inset -1px 0 0 #2e80ab;
}
.skin-blue-light .hidden-span:hover {
  background: #ba141a;
  transition: background .3s;
}
.skin-blue-light .hidden-ul {
  color: #ccc;
}
.skin-blue-light .hidden-ul li {
  color: #2d3239;
}
.skin-blue-light .hidden-ul li:hover {
  background: #e6e6e6;
}
.skin-blue-light .display-red {
  color: #ffb900;
}
.skin-blue-light .click-display-foot {
  background-color: #e6e6e6;
  color: #252525;
}
.skin-blue-light .div-new-foot {
  background-color: #e6e6e6;
  color: #252525;
}
.skin-blue-light .ui-tooltip {
  background: #3d4247;
  color: white;
}
.skin-blue-light .arrow {
  border-right: 16px solid #3d4247;
}
.skin-blue-light .new {
  border-top: 1px solid #3d4247;
  border-bottom: 1px solid #3d4247;
}
.skin-blue-light .nav-browse-history-ul {
  background-color: #fff;
  box-shadow: 2px 2px 2px;
}
.skin-blue-light .nav-browse-history-ul li:hover {
  background-color: #e6e6e6;
}
.skin-blue-light .chevron_down_ul_span_active {
  color: #00abec;
}
.skin-blue-light.layout-top-nav .main-header > .logo {
  background-color: #202428;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue-light.layout-top-nav .main-header > .logo:hover {
  background-color: #3d4247;
}
/*
 * Skin: Black
 * ------------
 */
.skin-black-light .main-header .navbar {
  background-color: #1b1b1b;
}
.skin-black-light .main-header .navbar .nav > li > a {
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.skin-black-light .main-header .navbar .nav > li > a:hover,
.skin-black-light .main-header .navbar .nav > li > a:active,
.skin-black-light .main-header .navbar .nav > li > a:focus,
.skin-black-light .main-header .navbar .nav .open > a,
.skin-black-light .main-header .navbar .nav .open > a:hover,
.skin-black-light .main-header .navbar .nav .open > a:focus,
.skin-black-light .main-header .navbar .nav > .active > a {
  background: #3d4247;
  color: #f6f6f6;
}
.skin-black-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-black-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-black-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-black-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #1b1b1b;
}
@media (max-width: 767px) {
  .skin-black-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-black-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .skin-black-light .main-header .navbar .dropdown-menu li a:hover {
    background: #0e0e0e;
  }
}
.skin-black-light .main-header .logo {
  background-color: #1b1b1b;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-black-light .main-header .logo:hover {
  background-color: #3d4247;
}
.skin-black-light .main-header li.user-header {
  background-color: #fff;
}
.skin-black-light .content-wrapper {
  background-color: #333;
}
.skin-black-light .content-header {
  background: transparent;
}
.skin-black-light .wrapper,
.skin-black-light .main-sidebar,
.skin-black-light .left-side {
  background-color: #222;
}
.skin-black-light .user-panel > .info,
.skin-black-light .user-panel > .info > a {
  color: #fff;
}
.skin-black-light .sidebar-menu > li.header {
  color: #55606b;
  background: #1f2327;
}
.skin-black-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-black-light .sidebar-menu > li:hover > a,
.skin-black-light .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #3d4247;
  border-left-color: #3d4247;
}
.skin-black-light .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #333a40;
}
.skin-black-light .sidebar a {
  color: #ffffff;
}
.skin-black-light .sidebar a:hover {
  text-decoration: none;
}
.skin-black-light .treeview-menu > li > a {
  color: #95a0aa;
}
.skin-black-light .treeview-menu > li.active > a,
.skin-black-light .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-black-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #3f474e;
  margin: 10px 10px;
}
.skin-black-light .sidebar-form input[type="text"],
.skin-black-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #3f474e;
  border: 1px solid transparent;
  height: 35px;
}
.skin-black-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-black-light .sidebar-form input[type="text"]:focus,
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-black-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-black-light .box {
  background: #242424;
  border-top: 3px solid #666666;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #fff;
}
.skin-black-light .box.box-primary {
  border-top-color: #202428;
}
.skin-black-light .box.box-default {
  border-top-color: #666;
}
.skin-black-light .box .nav-stacked > li {
  border-bottom: 1px solid #5f5f5f;
}
.skin-black-light .box.box-solid {
  border-top: 0;
}
.skin-black-light .box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.skin-black-light .box.box-solid > .box-header .btn:hover,
.skin-black-light .box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.skin-black-light .box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.skin-black-light .box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.skin-black-light .box.box-solid.box-default > .box-header a,
.skin-black-light .box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.skin-black-light .box.box-solid.box-primary {
  border: 1px solid #202428;
}
.skin-black-light .box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #202428;
  background-color: #202428;
}
.skin-black-light .box.box-solid.box-primary > .box-header a,
.skin-black-light .box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.skin-black-light .box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.skin-black-light .box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.skin-black-light .box.box-solid.box-info > .box-header a,
.skin-black-light .box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.skin-black-light .box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.skin-black-light .box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.skin-black-light .box.box-solid.box-danger > .box-header a,
.skin-black-light .box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.skin-black-light .box.box-solid.box-warning {
  border: 1px solid #202428;
}
.skin-black-light .box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #202428;
  background-color: #202428;
}
.skin-black-light .box.box-solid.box-warning > .box-header a,
.skin-black-light .box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.skin-black-light .box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.skin-black-light .box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.skin-black-light .box.box-solid.box-success > .box-header a,
.skin-black-light .box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.skin-black-light .box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.skin-black-light .box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.skin-black-light .box .overlay,
.skin-black-light .overlay-wrapper .overlay {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.skin-black-light .box .overlay > .fa,
.skin-black-light .overlay-wrapper .overlay > .fa {
  color: #000;
}
.skin-black-light .box-header {
  color: #fff;
}
.skin-black-light .box-header.with-border {
  border-bottom: 1px solid #5f5f5f;
}
.skin-black-light .box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.skin-black-light .box-body .ztree li a {
  color: #fff;
}
.skin-black-light .box-body .table {
  border-color:#5f5f5f;
}
.skin-black-light .box-body .table td{
  border-top-color:#5f5f5f;
}
.skin-black-light .box-body .table tr:hover{
    color:#444;
    background-color:#fff;
}
.skin-black-light .box-body .pagination > li > a{
  color: #fff;
  background-color:#252525;
}
.skin-black-light .box-body .pagination>li>a:hover{
    background:#fff;
    color:#444;
}
.skin-black-light .box-body .fc {
  margin-top: 5px;
}
.skin-black-light .box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #5f5f5f;
  padding: 10px;
  background-color: #ffffff;
}
.skin-black-light .form-control {
  border-color: #5f5f5f;
  background-color: #242424;
  color:#fff;
}
.skin-black-light .form-control:focus {
  border-color: #00bdf3;
}
.skin-black-light .content-header {
  color: #fff;
}
.skin-black-light .content-header a {
  color: #fff;
}
.skin-black-light .content-headerlist {
  background: #fff;
  box-shadow: 1px 1px 2px #f5f5f5;
}
.skin-black-light .content-headerlist li {
  border-bottom: 1px solid #bebebe;
}
.skin-black-light .content-headerlist li a {
  color: #4d585e;
}
.skin-black-light .btn-group .btn-link {
  color: #fff;
}
.skin-black-light .btn-group .btn-link:hover {
  background: #fff;
  color: #444;
}
.skin-black-light .content .btn-menu .btn-link {
  color: #fff;
}
.skin-black-light .content .btn-menu i.fa {
  color: #fff;
}
.skin-black-light .content .btn-menu .btn-link:hover {
  background: #fff;
  color: #333;
}
.skin-black-light .content .btn-menu .btn-link:hover i.fa {
  color: #333;
}
.skin-black-light .content .box-body > form .box-header.with-border {
  border-color: #797979;
}
.skin-black-light .content .box-body > form h6 {
  color: #fff;
}
.skin-black-light .required-mark {
  color: red;
}
.skin-black-light .suggest-message {
  background: url(../Images/images/skin-blue-light.png) no-repeat;
  background-size: cover;
}
.skin-black-light .suggest {
  color: #fff;
  background-color: #3b3b3b;
}
.skin-black-light .suggest:after {
  border-top: 12px solid #333;
}
.skin-black-light .suggest-basic:after {
  border-bottom: 12px solid #333;
}
.skin-black-light .tips {
  color: #323232;
}
.skin-black-light .box-body .table tr:hover td{
  background:#515151;
  color:#fff;
}
.skin-black-light .box-body .pagination > li > a:hover {
    background:#515151;
    color:#fff;
}
.skin-black-light .tips-content {
    background: #333;
    color: #fff;
}
.skin-black-light .tips-content:after {
  border-top: 12px solid #333;
}
.skin-black-light .control-sidebar-dark {
  color: #ffffff;
}
.skin-black-light .control-sidebar-dark,
.skin-black-light .control-sidebar-dark + .control-sidebar-bg {
  background: #222;
}
.skin-black-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs {
  border-bottom: #212529;
}
.skin-black-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
  background: #1d2024;
  color: #ffffff;
}
.skin-black-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
.skin-black-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
.skin-black-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
  border-left-color: #181b1e;
  border-bottom-color: #181b1e;
}
.skin-black-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
.skin-black-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,
.skin-black-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {
  background: #212529;
}
.skin-black-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
  color: #fff;
}
.skin-black-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
.skin-black-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.skin-black-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.skin-black-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
  background: #222;
  color: #fff;
}
.skin-black-light .control-sidebar-dark .control-sidebar-heading,
.skin-black-light .control-sidebar-dark .control-sidebar-subheading {
  color: #fff;
}
.skin-black-light .control-sidebar-dark .control-sidebar-menu > li > a:hover {
  background: #3d4247;
}
.skin-black-light .control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {
  color: #ffffff;
}
@media (max-width: 767px) {
  .skin-black-light .click-display {
    background: #252525;
    box-shadow: inset -1px -1px 1px #2e80ab;
  }
}
@media (min-width: 767px) {
  .skin-black-light .click-display {
    background: #252525;
    box-shadow: inset -1px -1px 1px #2e80ab;
  }
}
.skin-black-light .click-display .btn {
  color: #fff;
}
.skin-black-light .hidden-span {
  background: #252525;
  transition: background .3s;
  box-shadow: inset -1px 0 0 #2e80ab;
}
.skin-black-light .hidden-span:hover {
  background: #ba141a;
  transition: background .3s;
}
.skin-black-light .hidden-ul {
  color: #ccc;
}
.skin-black-light .hidden-ul li {
  color: #fff;
}
.skin-black-light .hidden-ul li:hover {
  background: #3b3b3b;
}
.skin-black-light .display-red {
  color: #ffb900;
}
.skin-black-light .click-display-foot {
  background-color: #212121;
  color: #fff;
}
.skin-black-light .div-new-foot {
  background-color: #212121;
  color: #fff;
}
.skin-black-light .ui-tooltip {
  background: #3d4247;
  color: white;
}
.skin-black-light .arrow {
  border-right: 16px solid #3d4247;
}
.skin-black-light .new {
  border-top: 1px solid #3d4247;
  border-bottom: 1px solid #3d4247;
}
.skin-black-light .nav-browse-history-ul {
  background-color: #252525;
  box-shadow: 2px 2px 2px;
}
.skin-black-light .nav-browse-history-ul li {
  color: #fff;
}
.skin-black-light .nav-browse-history-ul li:hover {
  background-color: #3b3b3b;
}
.skin-black-light .chevron_down_ul_span_active {
  color: #00abec;
}
/*
 * Skin: White
 * ------------
 */
.skin-white-light .main-header .navbar {
  background-color: #202428;
}
.skin-white-light .main-header .navbar .nav > li > a {
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.skin-white-light .main-header .navbar .nav > li > a:hover,
.skin-white-light .main-header .navbar .nav > li > a:active,
.skin-white-light .main-header .navbar .nav > li > a:focus,
.skin-white-light .main-header .navbar .nav .open > a,
.skin-white-light .main-header .navbar .nav .open > a:hover,
.skin-white-light .main-header .navbar .nav .open > a:focus,
.skin-white-light .main-header .navbar .nav > .active > a {
  background: #3d4247;
  color: #f6f6f6;
}
.skin-white-light .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-white-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-white-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-white-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #15171a;
}
@media (max-width: 767px) {
  .skin-white-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-white-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .skin-white-light .main-header .navbar .dropdown-menu li a:hover {
    background: #15171a;
  }
}
.skin-white-light .main-header .logo {
  background-color: #202428;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-white-light .main-header .logo:hover {
  background-color: #3d4247;
}
.skin-white-light .main-header li.user-header {
  background-color: #fff;
}
.skin-white-light .content-wrapper {
  background-color: #f1f1f8;
}
.skin-white-light .content-header {
  background: transparent;
}
.skin-white-light .wrapper,
.skin-white-light .main-sidebar,
.skin-white-light .left-side {
  background-color: #282d32;
}
.skin-white-light .user-panel > .info,
.skin-white-light .user-panel > .info > a {
  color: #fff;
}
.skin-white-light .sidebar-menu > li.header {
  color: #55606b;
  background: #1f2327;
}
.skin-white-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-white-light .sidebar-menu > li:hover > a,
.skin-white-light .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #3d4247;
  border-left-color: #3d4247;
}
.skin-white-light .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #333a40;
}
.skin-white-light .sidebar a {
  color: #ffffff;
}
.skin-white-light .sidebar a:hover {
  text-decoration: none;
}
.skin-white-light .treeview-menu > li > a {
  color: #95a0aa;
}
.skin-white-light .treeview-menu > li.active > a,
.skin-white-light .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-white-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #3f474e;
  margin: 10px 10px;
}
.skin-white-light .sidebar-form input[type="text"],
.skin-white-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #3f474e;
  border: 1px solid transparent;
  height: 35px;
}
.skin-white-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-white-light .sidebar-form input[type="text"]:focus,
.skin-white-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-white-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-white-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-white-light .box {
  background: #ffffff;
  border-top: 3px solid #d4d7df;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
}
.skin-white-light .box.box-primary {
  border-top-color: #202428;
}
.skin-white-light .box.box-default {
  border-top-color: #d4d7df;
}
.skin-white-light .box .nav-stacked > li {
  border-bottom: 1px solid #d4d7df;
}
.skin-white-light .box.box-solid {
  border-top: 0;
}
.skin-white-light .box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.skin-white-light .box.box-solid > .box-header .btn:hover,
.skin-white-light .box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.skin-white-light .box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.skin-white-light .box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.skin-white-light .box.box-solid.box-default > .box-header a,
.skin-white-light .box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.skin-white-light .box.box-solid.box-primary {
  border: 1px solid #202428;
}
.skin-white-light .box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #202428;
  background-color: #202428;
}
.skin-white-light .box.box-solid.box-primary > .box-header a,
.skin-white-light .box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.skin-white-light .box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.skin-white-light .box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.skin-white-light .box.box-solid.box-info > .box-header a,
.skin-white-light .box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.skin-white-light .box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.skin-white-light .box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.skin-white-light .box.box-solid.box-danger > .box-header a,
.skin-white-light .box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.skin-white-light .box.box-solid.box-warning {
  border: 1px solid #202428;
}
.skin-white-light .box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #202428;
  background-color: #202428;
}
.skin-white-light .box.box-solid.box-warning > .box-header a,
.skin-white-light .box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.skin-white-light .box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.skin-white-light .box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.skin-white-light .box.box-solid.box-success > .box-header a,
.skin-white-light .box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.skin-white-light .box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.skin-white-light .box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.skin-white-light .box .overlay,
.skin-white-light .overlay-wrapper .overlay {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.skin-white-light .box .overlay > .fa,
.skin-white-light .overlay-wrapper .overlay > .fa {
  color: #000;
}
.skin-white-light .box-header {
  color: #444;
}
.skin-white-light .box-header.with-border {
  border-bottom: 1px solid #d4d7df;
}
.skin-white-light .box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.skin-white-light .box-body .pagination > li > a, .skin-black-light .box-body .pagination > li > span {
    color: #333;
    background-color: #fff;
}
.skin-white-light .box-body .fc {
  margin-top: 5px;
}
.skin-white-light .box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #d4d7df;
  padding: 10px;
  background-color: #ffffff;
}
.skin-white-light .form-control {
  border-color: #b8b8b8;
  background-color: #fff;
}
.skin-white-light .form-control:focus {
  border-color: #00bdf3;
}
.skin-white-light .content-header {
  color: #444;
}
.skin-white-light .content-header a {
  color: #444;
}
.skin-white-light .content-headerlist {
  background: #fff;
  box-shadow: 1px 1px 2px #f5f5f5;
}
.skin-white-light .content-headerlist li {
  border-bottom: 1px solid #bebebe;
}
.skin-white-light .content-headerlist li a {
  color: #4d585e;
}
.skin-white-light .btn-group .btn-link {
  color: #444;
}
.skin-white-light .btn-group .btn-link:hover {
  background: #fff;
  color: #444;
}
.skin-white-light .content .btn-menu .btn-link {
  color: #444;
}
.skin-white-light .content .btn-menu i.fa {
  color: #444;
}
.skin-white-light .content .btn-menu .btn-link:hover {
  background: #e6e6e6;
  color: #2d3239;
}
.skin-white-light .content .btn-menu .btn-link:hover i.fa {
  color: #2d3239;
}
.skin-white-light .content .box-body > form .box-header.with-border {
  border-color: #797979;
}
.skin-white-light .content .box-body > form h6 {
  color: #333;
}
.skin-white-light .required-mark {
  color: red;
}
.skin-white-light .suggest-message {
  background: url(../Images/images/skin-blue-light.png) no-repeat;
  background-size: cover;
}
.skin-white-light .suggest {
  color: #fff;
  background-color: #333;
}
.skin-white-light .suggest:after {
  border-top: 12px solid #333;
}
.skin-white-light .suggest-basic:after {
  border-bottom: 12px solid #333;
}
.skin-white-light .tips {
  color: #323232;
}
.skin-white-light .tips-content {
  background: #333;
  color: #fff;
}
.skin-white-light .tips-content:after {
  border-top: 12px solid #333;
}
.skin-white-light .control-sidebar-dark {
  color: #ffffff;
}
.skin-white-light .control-sidebar-dark,
.skin-white-light .control-sidebar-dark + .control-sidebar-bg {
  background: #282d32;
}
.skin-white-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs {
  border-bottom: #212529;
}
.skin-white-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
  background: #1d2024;
  color: #ffffff;
}
.skin-white-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
.skin-white-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
.skin-white-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
  border-left-color: #181b1e;
  border-bottom-color: #181b1e;
}
.skin-white-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
.skin-white-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,
.skin-white-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {
  background: #212529;
}
.skin-white-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
  color: #fff;
}
.skin-white-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
.skin-white-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.skin-white-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.skin-white-light .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
  background: #282d32;
  color: #fff;
}
.skin-white-light .control-sidebar-dark .control-sidebar-heading,
.skin-white-light .control-sidebar-dark .control-sidebar-subheading {
  color: #fff;
}
.skin-white-light .control-sidebar-dark .control-sidebar-menu > li > a:hover {
  background: #3d4247;
}
.skin-white-light .control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {
  color: #ffffff;
}
@media (max-width: 767px) {
  .skin-white-light .click-display {
    background: #fff;
    box-shadow: inset -1px -1px 1px #2e80ab;
  }
}
@media (min-width: 767px) {
  .skin-white-light .click-display {
    background: #fff;
    box-shadow: inset -1px -1px 1px #2e80ab;
  }
}
.skin-white-light .click-display .btn {
  background: #fff;
}
.skin-white-light .hidden-span {
  background: #fff;
  transition: background .3s;
  box-shadow: inset -1px 0 0 #2e80ab;
}
.skin-white-light .hidden-span:hover {
  background: #ba141a;
  transition: background .3s;
}
.skin-white-light .hidden-ul {
  color: #ccc;
}
.skin-white-light .hidden-ul li {
  color: #2d3239;
}
.skin-white-light .hidden-ul li:hover {
  background: #e6e6e6;
}
.skin-white-light .display-red {
  color: #ffb900;
}
.skin-white-light .click-display-foot {
  background-color: #e6e6e6;
  color: #252525;
}
.skin-white-light .div-new-foot {
  background-color: #e6e6e6;
  color: #252525;
}
.skin-white-light .ui-tooltip {
  background: #3d4247;
  color: white;
}
.skin-white-light .arrow {
  border-right: 16px solid #3d4247;
}
.skin-white-light .new {
  border-top: 1px solid #3d4247;
  border-bottom: 1px solid #3d4247;
}
.skin-white-light .nav-browse-history-ul {
  background-color: #fff;
  box-shadow: 2px 2px 2px;
}
.skin-white-light .nav-browse-history-ul li:hover {
  background-color: #e6e6e6;
}
.skin-white-light .chevron_down_ul_span_active {
  color: #00abec;
}
